﻿
@{
    ViewBag.Title = "Projects";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


<h2>Projects</h2>


<div id="projectsGrid"></div>

@section Scripts {
<script>
    $(document).ready(function () {
        $("#projectsGrid").kendoGrid({
            dataSource: app.datasource.project,
            pageable: true,
            //height: 430,
            toolbar: ["create"],
            columns: [
                { field: "Title", title: "Project Title" },
                { field: "StartDate", title: "Start Date", width: "100px" },
                { field: "EndDate", title: "End Date", width: "100px" },
                { command: ["edit", "destroy"], title: "&nbsp;", width: "160px" }],
            editable: "popup"
        });
    });
    </script>
}
